{% extends "base.html" %}{% load i18n %}
{% block title %}{% if contact %}{% blocktranslate trimmed with name=contact.name %}Edit {{ name }}{% endblocktranslate %}{% else %}{% translate "Add contact" %}{% endif %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% if contact %}{% blocktranslate trimmed with name=contact.name %}Edit {{ name }}{% endblocktranslate %}{% else %}{% translate "Add contact" %}{% endif %}</h1>
    {% if not contact %}<p>{% translate "If someone with this phone number in the same region is already registered, their call screen opens instead." %}</p>{% endif %}
  </div>
</div>

<form method="post" class="form" novalidate>
  {% csrf_token %}
  {% if form.non_field_errors %}<div class="form-errors">{{ form.non_field_errors|join:" " }}</div>{% endif %}
  <div class="panel">
    <div class="form-grid">
      {% include "_field.html" with field=form.first_name %}
      {% include "_field.html" with field=form.last_name %}
      {% include "_field.html" with field=form.phone %}
      {% if form.alt_phone %}{% include "_field.html" with field=form.alt_phone %}{% endif %}
      {% include "_field.html" with field=form.region %}
      {% include "_field.html" with field=form.district %}
      {% include "_field.html" with field=form.heard_from %}
      {% include "_field.html" with field=form.heard_from_detail %}
      {% include "_field.html" with field=form.status %}
      {% include "_field.html" with field=form.language %}
      {% include "_field.html" with field=form.gender %}
      {% if form.care_agent %}{% include "_field.html" with field=form.care_agent %}{% endif %}
      {% if form.cell_group %}{% include "_field.html" with field=form.cell_group %}{% endif %}
      {% if not contact %}<div class="field"><span class="label">{% translate "Care agent" %}</span><div class="static-value">{{ user.display_name }}</div><div class="help">{% translate "The person who adds a caller looks after them." %}</div></div>{% endif %}
      {% include "_field.html" with field=form.notes wide=True %}
      {% if form.do_not_call %}{% include "_field.html" with field=form.do_not_call wide=True %}{% endif %}
    </div>
  </div>
  <div class="actions">
    {% if contact %}
      <button class="btn btn-primary" type="submit">{% translate "Save changes" %}</button>
      <a class="btn btn-quiet" href="{{ contact.get_absolute_url }}">{% translate "Cancel" %}</a>
    {% else %}
      <button class="btn btn-primary" type="submit" name="then_call" value="1">{% translate "Save and log the call" %}</button>
      <a class="btn btn-quiet" href="{% url 'contact_list' %}">{% translate "Cancel" %}</a>
    {% endif %}
  </div>
</form>
{% endblock %}